<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Painel de Candidatos</title>

	<link rel="stylesheet" href="includes/css/jquery.ui.all.css">
   	<link rel="stylesheet" href="includes/css/jquery.ui.tabs.css">
   	<link rel="stylesheet" href="includes/css/demo_page.css">
   	<link rel="stylesheet" href="includes/css/jquery.dataTables.css"> 
    <link rel="StyleSheet" href="includes/css/ui-lightness/jquery-ui-1.8.6.custom.css" type="text/css" media="all"/>
    <link rel="StyleSheet" href="includes/css/jquery.tagedit.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="includes/css/chosen.css">   	   

	<script src="includes/js/jquery/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="includes/js/jquery/jquery-ui-1.10.3.custom.min.js"></script>
    <script src="includes/js/jquery/jquery.jeditable.js"></script>
    <script src="includes/js/jquery/jquery.dataTables.js"></script>
    <script src="includes/js/jquery/jquery.autoGrowInput.js"></script>
    <script src="includes/js/jquery/jquery.tagedit.js"></script>
    
    <script src="includes/js/jquery/chosen.jquery.js"></script>
    
    <script src="includes/js/jquery/typeahead.js"></script>
    
    <script src="includes/js/comum/comum.js"></script>
    <script src="includes/js/candidato/candidato.js"></script>
    
    <style>
		.tabs {
			font-size:12px;	
		}
		#rating {
			float:right;	
		}
		
		.ui-autocomplete {
		            max-height: 100px;
		            overflow-y: auto;
		            /* prevent horizontal scrollbar */
		            overflow-x: hidden;
		            /* add padding to account for vertical scrollbar */
		            padding-right: 20px;
	    }		
	</style>
    
</head>

<body>

<p style="font-size:24px">Painel de Candidatos</p>
<table width="100%" border="0">
	<tr>
		<td width="39%" valign="top" height="153">
		<div id="includeDialog"></div>
    		<p>Candidatos do Consultor LMVL 
    			<span style="display:inline;vertical-align:middle">
    				<a href="#" onclick="incluirCandidato();" id="inc-candidato"><img src="includes/images/plus-512.jpg" width="18" height="18"></a>
				</span>
			</p>
      		<table style="margin-left:15px;width: 90%" bgcolor="#E1E1E1" height="111" border="0">
        		<tr>
          			<td height="244" valign="top" bgcolor="#FFFFFF">
          				<div id="candidatos_consultor"></div>
          			</td>
        		</tr>
      		</table>
    	</td>
		<td colspan="3">
			<p>Agenda de Candidatos 
				<span style="display:inline;vertical-align:middle">
					<img src="includes/images/plus-512.jpg" width="18" height="18">
				</span>
			</p>
    		<table style="margin-left:15px;" bgcolor="#E1E1E1" width="90%" border="0">
      			<tr>
        			<td height="244" valign="top" bgcolor="#FFFFFF">
        				<div id="agenda_candidatos"></div>
                	</td>
	      		</tr>
    		</table>
    	</td>
		<td width="18%">
			<p>Dashboard 1</p>
    		<table width="90%" border="1" style="border-style:inherit">
      			<tr>
        			<td height="207">&nbsp;</td>
        		</tr>
    		</table>
		</td>
	</tr>
	<tr>
    	<td height="23">
    		Filtro de Pesquisa
    	</td>
    	<td width="14%" height="23">
    		&nbsp;
    	</td>
    	<td width="22%" align="right">
    		<input checked="checked" name="tipoPesquisa" value="geral" type="radio">Geral <input name="tipoPesquisa" value="completo" type="radio">Completo
    	</td>
    	<td width="7%" rowspan="2">
    		&nbsp;
    	</td>
    	<td height="409" rowspan="3" valign="top">
    		<p>Dashboard 2</p>
    			<table width="90%" border="1" style="border-style:inherit">
      				<tr></tr>
      				<tr>
        				<td height="223">&nbsp;</td>
      				</tr>
    			</table>
		</td>
  	</tr>
  	<tr>
    	<td height="24" colspan="3">
    		<table width="98%" border="1" style="border-style:inherit; margin-left:15px;" >
        		<tr>
            		<td width="100%">
                		<div id="search_label">
                        	<table width="100%">
                            	<tr>
                                	<td>Busca</td>
                            	</tr>
                            	<tr>
                                	<td>
                                		<input type="text" id="campo_busca_geral_id" class="" size="80" style="margin-left:10px;" />
                                		<img style="cursor:pointer" onClick="listarCandidatosFiltroBasico()" src="includes/images/search-icon-md.png" width="16" height="16" />
                                	</td>
                            	</tr>
                        	</table>
                    	</div>
                	</td>
            	</tr>
        	</table>
    	</td>
  	</tr>
  	<tr>
    	<td valign="top" height="204" colspan="4">
    		<table bgcolor="#E1E1E1" width="90%" height="298" border="0" style="margin-left:15px;">
      			<tr>
        			<td height="292" valign="top" bgcolor="#FFFFFF"> 
                		<div id="lista_procura"></div>
					</td>
      			</tr>
    		</table>
		</td>
  	</tr>
</table>
	
	<div id="dialog-form-inc" title="Manutenção de Candidatos"></div>
	
	<div id="dialog-form-carregar" title="Manutenção de Candidatos"></div>
	
</body>
</html>